<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="main">
            <img src="../images/logo.png" alt="">
            <ul>
                <li>手机</li>
                <li>外设</li>
                <li>服务</li>
                <li class="li4">JOYUI</li>
                <li>商城</li>
                <li>社区</li>
            </ul>
        
        </div>
    </div>
    <!-- 轮播 -->
    <div class="carousel">
        <!-- <div class="carousel_img">
            <img class="active" src="../images/banner1.jpg"/>
            <img src="../images/banner2.jpg" alt="">
            <img src="../images/banner3.jpg" alt="">
        </div>
        <img src="../images/banner1.jpg" alt="">
        <ul>
            <li dy="0" class="active"></li>
            <li dy="1"></li>
            <li dy="2"></li>
        </ul> -->
    </div>

    <!-- 图片链接区域 -->
    <div class="area">
        <div class="area_top">
            <div class="left">
                <img src="../images/4.jpg" alt="">
            </div>
            <div class="left">
                <img src="../images/5.jpg" alt="">
            </div>
        </div>
<!-- 前往订购上面2个部分 -->
        <div class="area_middle">
            <div class="left">
                <img src="../images/4S.png" alt="">
                <div class="order">
                    <span class="span">黑鲨 4S</span>
                   <div class="order_div"><a href="">前往订购</a></div>
                </div>
            </div>
            <div class="left">
                <img src="../images/4Spro.png" alt="">
                <div class="order">
                    <span class="span">黑鲨 4S Pro</span>
                   <div class="order_div"><a href="">前往订购</a></div>
                </div>
            </div>
        </div>
<!-- 前往订购下面4个部分 -->
        <div class="area_button">
            <div class="button1">
                <img src="../images/erji.png" alt="">
                <div class="order">
                    <span class="span">Black Shark JoyBuds</span>
                   <div class="order_div"><a href="">前往订购</a></div>
                </div>
            </div>
            <div class="button1">
                <img src="../images/bin.png" alt="">
                <div class="order">
                    <span>冰封制冷背夹2磁吸版</span>
                   <div class="order_div"><a href="">前往订购</a></div>
                </div>
            </div>
            <div class="button1">
                <img src="../images/20000.png" alt="">
                <div class="order">
                    <span class="span1">黑鲨移动电源20000mAh</span>
                   <div class="order_div order_div3"><a href="">前往订购</a></div>
                </div>
            </div>
            <div class="button1">
                <img src="../images/jianj.png" alt="">
                <div class="order">
                    <span class="span1">分体式电竞手游肩键</span>
                   <div class="order_div order_div3"><a href="">前往订购</a></div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="footerMain">
            <ul>
                <li class="title">推荐产品</li>
                <li><a href="">黑鲨4s</a></li>
                <li><a href="">Pro黑鲨4s</a></li>
                <li><a href=""> Black Shark JoyBuds</a></li>
                <li><a href="">黑鲨4 Pro</a> </li>
                <li><a href=""> 黑鲨4</a></li>
            </ul>
            <ul>
                <li class="title">应用下载 </li>
                <li><a href="">主播投屏</a></li>
                <li><a href="">畅玩投屏</a></li>
                <li><a href="">黑鲨装备箱(iOS/Android)</a></li>
                <li><a href="">凿鲨酱</a> </li>
            </ul>
            <ul>
                <li class="title">合作与支持</li>
                <li><a href="">开放平台</a></li>
                <li><a href="">产品使用手册</a></li>
                <li><a href="">预詈应用公示</a></li>
            </ul>
            <ul>
                <li class="title">服务</li>
                <li><a href="">服务网点</a></li>
                <li><a href="">维修价格查询</a></li>
                <li><a href="">寄修服务</a></li>
                <li><a href="">服务政策</a> </li>
                <li><a href=""> 云服务</a></li>
            </ul>
            <ul>
                <li class="title">关于我们</li>
                <li><a href="">了解黑鲨 </a></li>
                <li><a href=""> 联系方式</a></li>
                <li><a href="">招贤纳士</a></li>
                <li><a href="">新浪微博</a> </li>
                <li><a href=""> 官方微信</a></li>
                <li><a href=""> Global</a></li>
            </ul>
            <div class="phone">
                <p>400-015-8899</p>
                <p>热线服务时间:09:00~ 24:00</p>
            </div>
        </div>
        <div class="footer_link">
            <div class="link_main">
                <div class="left">
                    <img src="../images/footer1.png" alt="">
                    <span>赣ICP证B2-2020050号赣ICP备17012659号-1│赣网文(2019)0364-006号│赣公网安备36010602000042</span>
                    <img src="../images/footer2.png" alt="">
                </div>
                <span>Copyright 2017-2021BlackShark 版权所有</span>
            </div>
        </div>
    </div>







</body>

</html>